<template>
  <div>
    <movie-list @show-details="showMovieDetails"></movie-list>
  </div>
</template>

<script>
import MovieList from '../components/MovieList.vue'


export default {
  components: {
    MovieList
  },
  methods: {
    showMovieDetails(movie) {
      this.$router.push({ name: 'moviedetail' });
      // console.log(movie)
      // this.$refs.movieDetail.movie = movie;
      // this.$refs.movieDetail.show();
    }
  }
}
</script>
